<template>
	<view style="width: auto;">
		<view  v-if="tag" v-for="(item,index) in reserve" :key="index" style="margin: 20rpx;border: 1px solid #DDDDDD;display: flex;flex-direction:row;border-radius: 10rpx;height: 100rpx;">
				<span style="width: 200rpx;align-items: center;display: flex;">
					编号:{{item.id}}
				</span>
				<view style="width: 600rpx;">
					<span style="align-items: center;display: flex;width: 300rpx;margin-top: 24rpx;">
						<span style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">{{item.subject}}</span>
					</span>
					<view style="float: right;margin-top: -40rpx;">
						<view style="display: flex;flex-direction: column;margin-left: 50rpx;font-size: 10rpx;color: #c3bfba;">
							<span>
								申请人:{{item.applyId}}
							</span>
							<span style="">
								{{item.createTime}}
							</span>
						</view>
					</view>
				</view>
		</view>
		<view   v-if="!tag" style="color: #000000;margin-top: 500rpx;margin-left: 240rpx;">
			暂无预约信息!
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				reserve:'',
				tag:false
			}
		},
		onLoad(options) {
			this.reserve = JSON.parse(decodeURIComponent(options.data))
			this.tag = this.reserve.length ===0? false:true
			console.log(this.tag)
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
